<template>
  <van-nav-bar
      :title="title"
      left-arrow
      :fixed="fixed||false"
      z-index="2"
      @click-left="onClickLeft"
    />
</template>

<script>
export default {
  data () {
    return {

    }
  },
  props: {
    title: {
      type: String,
      default: '标题'
    },
    fixed: {
      type: Boolean
    }
  },
  created () {

  },

  methods: {
    onClickLeft () {
      this.$router.back()
    }
  }
}
</script>

<style scoped lang='less'>
.van-nav-bar{
  background: #21b97a;
  /deep/.van-nav-bar__title{
    color: #fff;
    font-size: 18px;
  }
  /deep/.van-icon-arrow-left{
    color: #fff;
  }
}
</style>
